<template>
  <h2>语法模版</h2>
  <p> {{ msg }}</p>
  <p> {{ Hello }}</p>
  <p> {{ ok ? "yes" : "no" }}</p>
  <p> {{ message.split("").reverse().join("") }}</p>
  <!-- <p>{{let a = 1}}</p> --> 这是个语句 不是表达式
  <!-- <p>{{ if (ok) { return message } }} </p> --> 条件控制 也不支持 请使用三元表达式
  <p>{{ rawHtml }}</p>
  <p v-html="rawHtml"></p>
</template>
<script>
export default {
  data() {
    return {
      msg: '神奇的语法'
      , Hello: 'hello vue'
      , ok: true
      , message: '大家好'
      , rawHtml: " <a href = 'https://itbaizhan.com'>百战程序员</a>"
    }
  }
}
</script>
